/* 
    Document   : common
    Created on : Aug 29, 2013, 9:34:44 AM
    Author     : rezowan
    Description:
        Purpose of the stylesheet follows.
*/
body{
	font-family: 'Varela',"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.maincont {
    float:left;
    background-color: #FFFFFF;
    border: 0 solid;
    box-shadow: 0 1px 4px 0 #888888;
    width: 100%;
}

div.cont {
   /* font-family: 'Varela',"Trebuchet MS",Arial,Helvetica,sans-serif;*/
    color: #767676;
    padding: 10px;
}

h2.heading {
    font-size: 15px;
    border-top: #999 1px solid;
    border-bottom: #999 1px solid;
    padding: 5px 0;
    margin: 5px 0;
    display: block;
}

button.add-new {
    display: block;
    float: left;
    width: 170px;
    height: 25px;
}

button.add_ship,.add_prop {
    display: block;
    height: 25px;
    width: 170px;
    float:left;
}

div.listing-label {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    clear: both;
    float: left;
    font-size: 12px;
    margin: 20px 0;
    padding: 2px 0;
    width: 100%;
}

p.label {
    float: left;
    margin: 0;
    padding: 0;
    width: 450px;
}

p.list-all {
    display: inline;
    float: right;
    margin: 0;
    padding: 0; 
}


table.raw-materials-listing {
    margin-top: 20px;
    width: 100%;
}

table.raw-materials-listing thead {
    font-size: 14px;
}

table.raw-materials-listing thead tr th{
    text-align: left;
}

table.raw-materials-listing tbody {
    font-size: 12px;
}

table.raw-materials-listing tbody tr td a{
    color: inherit;
    text-decoration: none;
}

table.raw-materials-listing tbody tr td a:hover{
    font-weight: bold;
}

div.font-check{
    font-size:13px;
}
h4.desc-cont {
    border-bottom: 1px solid #999999;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 5px;
}

h4.desc-cont a{
    text-decoration: none;
    color: inherit;
}
h4.desc-cont a:hover{
    text-decoration: underline;
}


div.row-cont {
    border-bottom: 1px solid #999999;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

div.row {
    float: left;
    padding: 5px 0;
    width: 100%;
}

p.left-side {
    float: left;
    margin: 0;
    width: 60%;
}

p.right-side {
    float: right;
    margin: 0;
    width: 40%;
    text-align: right;
}

div.property-cont {
    border-bottom: 1px solid #999999;
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

div.property-row{
    width:100%;
    float:left;
}

div.property-row p{
    float:left;
    width: 20%;
    margin:0;
    padding: 0;    
}

div.vendor-cont {
    float: left;
    padding-top: 5px;
    width:100%;
    border-bottom: 1px solid #999999;
}

h3.ven-label{
    
}

button.edit{
    margin:10px 0;
}

h4.no-brd, div.no-brd {
    border-bottom: none;
}

div.form-element-controller {float: left; width: 33%; }
div.four-items { float: left; margin: 0 5px 0 0; width: 180px; }
div.no-padding { padding: 0; }
input#venture_rawmaterialsbundle_rawmaterials_specs_specification_math { width:160px; }
input#venture_rawmaterialsbundle_rawmaterials_specs_specification{ width:160px; }
select#venture_rawmaterialsbundle_rawmaterials_specs_test_procedure { width:160px; }
button#add_prop { float:left }
button#remove {float:left; display:none;}
div.prop_rows { float:left;}
div.vendor_left { float:left; width: 20%;}
div.vendor_right { float: left; padding-left: 20px; width: 579px;}
select.vendor_list{width:150px;}
div.inner{float:left; width:25%}
div.vendor_left p, div.vendor_right p {padding: 0; margin: 0}
select.packaging_type, select.shipping_method{width:100px;}
input.cost, input.lead_time {width:100px;}
button.add_meth{ float:left;}
button.remove_meth{ float:left; display: none;}
button.add_ven{ float:left;}
button.remove_ven{ float:left; display: none;}
div.upper{float:left;}


ul.shipping_bottom{float:left; display: block; list-style: none; padding: 0 0 10px 0; margin: 0; width: 100%}
ul.shipping_bottom li a{display: block;
    float: left;
    font-size: 10px;
    color: inherit;
    text-decoration: none; 
}
ul.shipping_bottom li a:hover{display: block;
    text-decoration: underline;
    font-size: 11px;
}

div.notice {
    background: none repeat scroll 0 0 #8FBC8F;
    border: 2px solid #008000;
    float: left;
    font-size: 12px;
    margin: 5px 10px;
    text-align: center;
    width: 755px;
    font-family: sans-serif;
    color: #008000;
    font-weight: bold;
}

p.label{
padding-bottom:15px;
}

div#popUp {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    min-width: 450px;
    min-height: 250px;
    padding: 25px;
}

.button.b-close, .button.bClose {
    border-radius: 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}
.button {
    background-color: #2B91AF;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}
.button:hover{background-color:#1e1e1e}



/* vendor section*/
div.property-row p.link a{ color: inherit; text-decoration: none; font-weight: bold;}
div.property-row p.link a:hover{ text-decoration: underline}